<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="stylesheet" href="./css/regdit.css">
</head>

<body>
    <div class="project">
        <!-- 最顶部 -->
        <div class="topmost"></div>
        <!-- 导航部分 -->
        <div class="nav">
            <img src="./image/index/logo1.png" alt="logo">
            <ul class="nav_ul">
                <li><a href="#">首页</a></li>
                <li><a href="#">关于鼎搜</a></li>
                <li><a href="#">鼎搜服务</a></li>
                <li><a href="#">鼎搜动态</a></li>
                <li><a href="#">鼎搜诚聘</a></li>
                <li><a href="#">鼎搜公益</a></li>
            </ul>
            <div class="search">

                <input type="search" class="sc">

            </div>
        </div>
        <!-- 轮播图 -->
        <div class="slideshow">
            <img src="../dingso/image/index/banner.png" alt="">
        </div>

        <!-- 内容部分 -->
        <main>

            <div class="main_top">
                <div class="line"></div>
                <div class="text">
                    <h3>我要转让</h3>
                    <b>WOYAOZHUANRANG</b>
                </div>
                <div class="line"></div>
            </div>
            <div class="main_content">
                <form action="#">
                    <ul>
                        <li><span>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</span></li>
                       <!-- 用户名 -->
                        <li>
                            <span>用户名：</span>&nbsp;&nbsp;&nbsp;
                            <input type="text" required>
                            <p><i>*</i>(可以使用中文，但禁止除[@][.]以外的特殊符号)</p>
                        </li>
                        <!-- 公司名称 -->
                        <li>
                            <span>公司名称：</span>
                            <input type="text" required>
                            <p><i>*</i></p>
                        </li>
                        <!-- 登录密码 -->
                        <li>
                            <span>登录密码：</span>
                            <input type="password" required>
                            <p><i>*</i></p>
                        </li>
                        <!-- 确认密码 -->
                        <li>
                            <span>确认密码：</span>
                            <input type="password" required>
                            <p><i>*</i><i>×两次输入密码不一致</i></p>
                        </li>
                        <!-- 电子邮箱 -->
                        <li>
                            <span>电子邮箱：</span>
                            <input type="email" required>
                            <p><i>*</i>(每个电子邮邮箱只能注册一个帐号)</p>
                        </li>
                        <!-- 安全问题下拉框 -->
                        <li>
                            <span>安全问题：</span>
                            <select name="qustion" id="">
                                <option value="" selected>安全问题提示</option>
                                <option value="father">父亲名字</option>
                                <option value="monther">父亲名字</option>
                                <option value="beforename">曾用名</option>
                            </select>
                            <p>(忘记密码时重设密码用)</p>
                        </li>
                        <!-- 安全问题答案 -->
                        <li>
                            <span>问题答案：</span>
                            <input type="text">

                        </li>
                        <!-- 性别 -->
                        <li>
                            <span>性别：</span>
                            <input type="radio" name="sex" id="man"><label for="man">男</label>
                            <input type="radio" name="sex" id="wom"><label for="man">女</label>
                            <input type="radio" name="sex" id="sectecy"><label for="sectecy">保密</label>

                        </li>
                        <!-- 验证码 -->
                        <li>
                            <span>验证码：</span>
                            <input type="text">
                            <img src="./image/login/code.png" alt="">
                            <p>看不清？<i>点击更换</i></p>
                        </li>
                        <!-- 会员注册协议 -->
                        <li>
                            <span>会员注册协议：</span>
                            <textarea name="" id="" cols="70" rows="9" readonly>1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。&#10;2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。&#10;3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
                        </textarea>
                            <br />
                            <input type="checkbox" checked>
                            <p>我已阅读并完全接受服务协议</p>

                        </li>
                        <!-- 注册按钮 -->
                        <li>
                            <button>注册</button>
                        </li>
                    </ul>
                </form>
            </div>

        </main>

        <!-- 尾部 -->
        <footer>
            <hr>
            <!-- 列表 -->
            <div class="footer">
                <ul>
                    <li>简介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
                <img src="./image/index/connect.png" alt="">
            </div>
            <!-- 最底下蓝色横条 -->
            <div class="border-buttom">
                <span>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</span>
            </div>
        </footer>
    </div>
</body>

</html>